<template>
  <div>
    <el-card>
      <div slot="header">
        <span>每日一句</span>
      </div>
      <div class="has-text-left block">
          {{ tip.content }}
      </div>
      <div class="has-text-right mt-5 block">
          -{{ tip.author }}
      </div>
    </el-card>
  </div>
</template>

<script>
import { getTodayTip } from "@/api/tip";

export default {
  name: "Tip",
  data() {
    return {
      tip: {}
    };
  },
  created() {
    this.fetchTodayTip();
  },
  methods: {
    async fetchTodayTip() {
      getTodayTip().then(response => {
        const { data } = response
        this.tip = data
      })
    }
  }
};
</script>
